<div class="policy-chart">
  <div class="home-header">
    <app-head></app-head>
    <div class="top-tab">
      <div class="top-tab2">
        <div class="tab" [ngClass]="tab.active?'tab-active':''" *ngFor="let tab of tabList;index as i"
           routerLink="{{tab.router}}">{{tab.name}}</div>
      </div>
    </div>
  </div>

  <div class="chart">
    <div class="line">
        <div class="legend">
          <div class="legend-text">政策数量演进</div>
          <div class="legend-text2">从政策文本的发布时间、科技创新政策类型等属性出发，展示科技政策颁布的数量规律及演化轨迹</div>
          <div class="legend-bar">
            <app-number-evolution [heightCount]="'364px'"></app-number-evolution>
          </div>
        </div>
        <div class="legend">
          <div class="legend-text">政策地域分布</div>
          <div class="legend-text2">将政策文本的颁布地域与时间等分析维度相结合，展示不同年份下各地政策的区域分布情况</div>
          <div class="legend-bar">
            <app-area-spread [heightCount]="'364px'"></app-area-spread>
          </div>
        </div>
    </div>
    <div class="line">

        <div class="legend">
          <div class="legend-text">发布机构分布</div>
          <div class="legend-text2">根据政策的颁布机构，分别展示不同省份或直辖市下发文量TOP5机构。</div>
          <div class="legend-bar">
            <app-publish-organ-chart [heightCount]="'364px'"></app-publish-organ-chart>
          </div>
        </div>
        <div class="legend">
          <div class="legend-text">政策扩散</div>
          <div class="legend-text2">通过整合各级颁布的政策文件，建立政策之间的参照衍生关联，帮助追踪政策执行过程，发现政策扩散的模式与规律。</div>
          <div class="legend-bar">
            <app-policy-spread-chart [heightCount]="'292px'" [tabIsShow]="true"></app-policy-spread-chart>
          </div>
        </div>
    </div>

    <div class="line">
        <div class="legend">
          <div class="legend-text">政策热点聚焦</div>
          <div class="legend-text2">展示各年度政策内容词频TOP10的关键词，描述不同年份下科技政策热点主题及其演进历程，发现政策热点的演化规律</div>
          <div class="legend-bar" style="min-height: 200px">
            <app-quarter-keyword-bar [heightCount]="'364px'"></app-quarter-keyword-bar>
          </div>
        </div>
        <div class="legend">
          <div class="legend-text">机构合作发文</div>
          <div class="legend-text2">借鉴文献的合著网络分析，描述政策颁布机构的联合发文关系，实现对政府部门间合作的府际关系量化分析</div>
          <div class="legend-bar">
            <app-organ-post-chart [heightCount]="'364px'" [tabIsShow]="true"></app-organ-post-chart>
          </div>
        </div>
    </div>


  </div>



</div>
<div class="h-foot">
  <div class="text">
    <div class="address">上海推进科技创新中心建设办公室 版权所有</div>
    <div class="address2">地址：上海市浦东新区张东路1158号3号楼 &nbsp;&nbsp;&nbsp;&nbsp; 联系电话 : 021-68796635</div>
    <div class="phone">技术支持 : 中国科学院文献情报中心</div>
    <a class="nav" href="/admin/" target="_blank">后台入口</a>
  </div>
</div>
